
 
<table id="demo" lay-filter="test"></table>

<script>
layui.use('table', function(){
  var table = layui.table;
  
  //第一个实例
  table.render({
    elem: '#demo'
    ,height: 315
    ,url: 'goodesservlet' //数据接口
    ,where:{"action":"comm"}
    ,page: true //开启分页
    ,cols: [[ //表头
      {field: 'cid', title: '商品编号', width:80, sort: true, fixed: 'left'}
      ,{field: 'cname', title: '名称', width:80}
      ,{field: 'cprice', title: '价格', width:80, sort: true}
      ,{field: 'cbarcode', title: '条形码', width:80} 
      ,{field: 'sname', title: '供货商', width: 177}
      ,{field: 'cstock', title: '库存数量', width: 80, sort: true}
      ,{field: 'ccreationtime', title: '创建时间', width: 80, sort: true}
      ,{field: 'modificationtime', title: '修改时间', width: 80}
      ,{field: 'modifier', title: '修改人', width: 135, sort: true}
    ]]
  });
  
});
</script>
